<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>家居医生</title>
    <link rel="icon" href="../images/房子.png">
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/search.css">
    <link rel="stylesheet" href="../css/container.css">
    <link rel="stylesheet" href="../css/transform.css">
    <link rel="stylesheet" href="../css/word.css">
    <link rel="stylesheet" href="../css/bottom.css">
</head>
<body>
    <div class="background">
        <div class="top">
                <img src="../images/头图.png" alt="">
        </div>
        <div class="nav-outside">
            <div class="nav-x">
                <div class="nav-left">
                    <span class="location"></span>
                    <a href="#">深圳</a>
                    <a href="#"><切换></a>
                </div>
                <div class="nav-wrap">
                    <a href="#" class="nav-main">首页</a>
                    <a href="#" class="nav-main">咨讯</a>
                    <a href="#" class="nav-main">测评</a>
                    <a href="#" class="nav-main">商城</a>
                </div>
                <div class="nav-right">
                    <span class="adm"></span>
                    <a href="#">个人中心</a>
                </div>
            </div>
        </div>
        
        <ul class="nav">
            <li>首页 </li>
            <li>></li>
            <li>预防装修污染 </li>
            <li>></li>
            <li>材料库 </li>
        </ul>

        <div class="head">
            <table>
                <tr>
                    <td class="first">类别</td>                
                    <td><a href="#" class="head-main">全部</a></td>                
                    <td><a href="#" class="head-main">地板</a></td>                
                    <td><a href="#" class="head-main">涂料</a></td>                
                    <td><a href="#" class="head-main">墙纸</a></td>                
                    <td><a href="#" class="head-main">瓷砖</a></td>                
                    <td><a href="#" class="head-main">粘胶剂</a></td>
                    <td><a href="#" class="head-main">油漆</a></td>                 
                    <td><a href="#" class="head-main">家具</a></td>                
                    <td><a href="#" class="head-main">板材</a></td>                
                    <td><a href="#" class="head-main">饰品</a></td>                              
                    <td><img src="../images/下三角.png" alt=""></td>                
                </tr>
            </table>
            <table>
                <tr>
                    <td class="first">类别</td>                
                    <td><a href="#" class="head-main">全部</a></td>                        
                </tr>
            </table> 
            <table>
                <tr>
                    <td class="first">材质</td>                
                    <td><a href="#" class="head-main">全部</a></td>                
                    <td><a href="#" class="head-main">实木</a></td>                
                    <td><a href="#" class="head-main">复合</a></td>               
                    <td><a href="#" class="head-main">强化</a></td>                
                    <td><a href="#" class="head-main">其他</a></td>                
                </tr>
            </table>   
            <table>
                <tr>
                    <td class="first">品牌</td>                
                    <td><a href="#" class="head-main">全部</a></td>               
                    <td><a href="#" class="head-main">圣象</a></td>               
                    <td><a href="#" class="head-main">大自然</a></td>               
                    <td><a href="#" class="head-main">生化家</a></td>                
                    <td><a href="#" class="head-main">北美枫情</a></td>                
                    <td><a href="#" class="head-main">德尔</a></td>                
                    <td><a href="#" class="head-main">博典</a></td>                
                    <td><a href="#" class="head-main">船王</a></td>                
                </tr>
            </table>
        </div>


        <div class="search">
            <div class="search-left">
                <ul>
                    <li>发布时间 <img src="../images/下箭头.png" alt=""></li>
                    <li>价格 <img src="../images/上箭头.png" alt=""></li>
                    <li>环保节能 <img src="../images/上箭头.png" alt=""></li>
                </ul>
            </div>
            <div class="search-middle">
                <form>
                    <input type="text">
                    <button><img src="../images/放大镜.png" alt=""><span>搜索</span></button>
                </form>
            </div>
            <div class="search-right">
                <img src="../images/问号logo.png" alt=""> <span>了解家居医生建材环保评级标准</span>
            </div>
        </div>


        <div class="container">
            <div>
                <img src="../images/主图.png" alt="">
                <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <img src="../images/主图.png" alt="">
                 <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <img src="../images/主图.png" alt="">
                <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <img src="../images/主图.png" alt="">
                <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div>
                <img src="../images/主图.png" alt="">
                <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <img src="../images/主图.png" alt="">
                <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <img src="../images/主图.png" alt="">
                <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <img src="../images/主图.png" alt="">
                <div class="container-part">
                    <a href="#" class="main-top">
                        <p>德尔&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                    </a>
                    <ul class="content">
                        <li class="content-left"><a href="#" class="main-bottom">环保评级:</a></li>
                        <li class="content-middle"><a href="#" class="main-bottom">&nbspB</a></li>
                        <li class="content-right"><a href="#" class="main-bottom">（可以使用）</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="transform">
            <div class="uppage">
                <p><a href="#" class="turn">上一页</a></p>
            </div>
            <div class="page">
                <ul>
                    <li><a href="#" class="pagelink">1</a></li>
                    <li><a href="#" class="pagelink">2</a></li>
                    <li><a href="#" class="pagelink">3</a></li>
                    <li><a href="#" class="pagelink">4</a></li>
                    <li><a href="#" class="pagelink">5</a></li>
                </ul>
            </div>
            <div class="downpage">
                <p><a href="#" class="turn">下一页</a></p>
            </div>
            <div class="pagenumber">
                <p class="pageword">共有10页，去第</p>
                <form>
                    <input type="text">
                </form>
                <p>页</p>
            </div>
            <div class="sure">
                <button>确定</button>
            </div>
        </div>

        <div class="code">
            <div class="code-img">
                <img src="../images/微信二维码.png" alt="">
            </div>
            <div class="code-word">
                <ul>
                    <li class="code-wordfirst">建材检测&nbsp&nbsp&nbsp需求反馈</li>
                    <li class="code-wordsecond">亲爱的用户，我们正在不断完善和更新建材库，</li>
                    <li class="code-wordthird">若没有找到您想要的材料信息，请将您想测的建材告诉我们。</li>
                </ul>
            </div>
        </div>

        <div class="bottom">
            <div class="bottom-top">
                <div class="bottom-left">
                    <img src="../images/尾图.png" alt="">
                    <p><b>为室内环境保护把好每一关</b></p>
                    <p>家居医生致力于中国人的家居健康问题，通过专的技术<br>研究和测评，倾力协助大众打造绿色环保的人居生活环境。</p>
                </div>
                <div class="about">
                    <p>
                        <a href="#">关于我们</a>
                        <a href="#">原版说明</a>
                        <img src="../images/微信logo.png">
                        <a href="#">关于微信</a>
                    </p>
                    <p>
                        <a href="#">联系我们</a>
                        <a href="#">用户隐私</a>
                        <img src="../images/天猫logo.png">
                        <a href="#">天猫旗舰店</a>
                    </p>
                    <p>
                        <a href="#">加入我们</a>
                        <a href="#">免费声明</a>
                        <img src="../images/有赞商城logo.png">
                        <a href="#">有赞商城</a>
                    </p>
                </div>
            <div class="bottom-under">
                    <p>深圳建筑科学研究院股份公司</p>
                    <p>粤ICP备7898956@Csjguy hguihjnjg</p>
            </div>
        </div>

    </div>
</body>
</html>